:host {
  display: block;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  layout-outlet {
    height: 100%;
  }
  .car-brand-container {
    position: relative;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    overflow: hidden;
  }
  index-list {
    height: 100%;
    display: block;
    ul {
      list-style: none;
      margin: 0px;
      background: #fff;
      padding: 0px;
      padding-bottom: 10px;
      li {
        line-height: 44px;
        position: relative;
        box-sizing: border-box;
        .title {
          background: #efefef;
          padding: 0 10px;
        }
        .car-brand-list {
          padding: 0 20px;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          span {
            width: auto;
            padding: 0 10px;
            margin: 5px;
            border-radius: 10px;
            background: #efefef;
            color: #000;
            border: 1px solid #efefef;
            &.active {
              background: #ff4081;
              color: #fff;
            }
          }
        }
        &:after {
          content: " ";
          position: absolute;
          bottom: 0px;
          left: 0px;
          right: 0px;
          height: 1px;
          background: #efefef;
          transform: translateY(.5);
        }
      }
    }
  }
  .mat-accordion {
    display: block;
  }
  .search {
    outline: none;
    border: none;
    background: #efefef;
    height: 45px;
    width: 100%;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
  }
}

.navbar-title {
    font-size: 12px;
    color: gray;
  }
